<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="UTF-8"%>
<%@	taglib prefix="bean" uri="struts-bean" %>
<%@ taglib prefix="logic" uri="struts-logic"%>
<%@page import="java.text.SimpleDateFormat"%>
 <% String mensaje = (String) request.getAttribute("mensaje"); 
 java.util.Date date = new java.util.Date();
 SimpleDateFormat sdf;
 sdf = new SimpleDateFormat("yyyy-MM-dd");
%>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/jquery.validate.min.js" ></script>
<script> 
	$().ready(function(){
		$("form").validate({ onsubmit: false});
		
		$.validator.addMethod(
		"Letra",
		function(value,element){
	                $(element).attr("value", value);
			return /^[a-zA-Z]+(\s[\s\.a-zA-Z]+)*$/.test($.trim(value)) ;
	                },"\nSolo ingresar letras");
		
		$.validator.addMethod(
			"Numero",
			function(value,element){
				$(element).attr("value",value);
				return /^[0-9]+(\s[\s\.0-9]+)*$/.test($.trim(value)) ;
			},"\nSolo ingresar numero");
		
		$.validator.addMethod(
		  "NumbLetra",
		  function(value,element){
			$(element).attr("value",value);
			 return /^[0-9a-zA-Z]+(\s[\s\.0-9a-zA-Z]+)*$/.test($.trim(value)) ;
			  },"\nSolo ingresar numeros y letras");	
		
	});

</script>
<style type="text/css">
label.error{
color: red;
}
</style>




<h3>REGISTRAR SIGNOS VITALES</h3>
<form id="formDatos">
	<div id="cabDatosHC" class="mb10 bordeSeccion">
		<label>Nro. de Examen:</label>
		<input type="text" id="nrocita"  value="${ucodigo}" disabled="disabled"  readonly="readonly" />
		<label>Fecha creación:</label>
		<input type="text" id="feccreaconsulta" value="<%= sdf.format(date)%>" disabled="disabled"  readonly="readonly" />
	</div>
	<div id="cabDatosPersonal" class="mb10 bordeSeccion">
		<h4>Datos del Paciente</h4>
		<div>
				<table class="tablaformulario">
				 	<tr>
						<input type="hidden" id="codigohc" value="${hc.idhistoriaclinica}"/>
						<td><label>Numero de Historia Clinica:</label></td>
						<td><input type="text" id="codhc" class="Numero" name="codhc" value="${hc.idhistoriaclinica}"/></td>
						<td><a href="#nogo" id="buscarhc" class="btn">Buscar</a></td>
					 </tr>
					 <tr>
				 		<td><label>Nombre:</label></td>
						<td><input type="text" id="nombrepaciente" name="nombrepaciente" value="${hc.nombres }" disabled="disabled"/></td>
				 	</tr>
				 	<tr>
				 		<td><label>Apellido Paterno:</label></td>
						<td><input type="text" id="apepatpaciente" name="apepatpaciente" value="${hc.apepat }" disabled="disabled" /></td>
				 	</tr>
				 	<tr>
						 <td><label>Apellido Materno:</label></td>
						 <td><input type="text" id="apematpaciente" name="apematpaciente" value="${hc.apemat }" disabled="disabled" /></td>
				 	</tr>
				 	<tr>
						 <td><label>Nro. Documento:</label></td>
						 <td><input type="text" id="nrodocpaciente" name="nrodocpaciente" value="${hc.nrodoc }" disabled="disabled" /></td>
				 	</tr>			 			 			 
				</table>
		</div>
	</div>
	
	<div id="cabDatosPersonal" class="mb10 bordeSeccion">
		<h4>Signos Vitales</h4>
		<div>
				<table class="tablaformulario">
				 	<tr>
						<input type="hidden" id="codigohc" value="${hc.idhistoriaclinica}"/>
						<td><label>Frecuencia Cardiaca:</label></td>
						<td><input type="text" id="fcardiaca" class="required Numero" name="fcardiaca" /></td>
						<td><label>LPM</label></td>
						
					 </tr>
					 <tr>
				 		<td><label>Frecuencia Respiratoria:</label></td>
						<td><input type="text" id="frespiratoria" class="required Numero" name="frespiratoria" /></td>
						<td><label>RPM</label></td>
				 	</tr>
				 	<tr>
				 		<td><label>Presion Arterial:</label></td>
						<td><input type="text" id="parterial" class="required Numero" name="parterial" /></td>
						<td><label>mmHG</label>
				 	</tr>
				 	<tr>
						 <td><label>Peso:</label></td>
						 <td><input type="text" id="peso" class="required Numero" name="peso" /></td>
						 <td><label>Kg</label>
				 	</tr>
				 	<tr>
						 <td><label>Talla:</label></td>
						 <td><input type="text" id="talla" class="required Numero" name="talla" /></td>
						 <td><label>cm</label>
				 	</tr>	
				 	<tr>
				 	<td><label>Temperatura:</label></td>
				 	<td><input type="text" id="temperatura" class="required Numero" name="temperatura" /></td>
				 	<td><label>°C</label>
				 	</tr>
				 			 			 			 
				</table>
		</div>
	</div>	
	</form>

	<div align="center">
		<a href="#nogo" id="grabarSignosVitales" class="btn">Grabar</a>
		<a href="inicio.do"  class="btn" >Salir</a>
		<a href="#" id="grabarHC" class="btn">Imprimir</a>		
	</div>
	<script type="text/javascript">
	
	$("#buscarhc").click(function(e){
		e.preventDefault();
		$.getJSON("buscarHC.do",{
			cod:$("#codhc").val(),
			flag:"7"
		},		
		function(data){
			$("#nombrepaciente ").val(data.nombres);
			$("#apepatpaciente").val(data.apepat);
			$("#apematpaciente").val(data.apemat);
			$("#nrodocpaciente").val(data.nrodoc);
		 });
	});
	
	$("#grabarSignosVitales").click(function(e){
	e.preventDefault();
	if($("form").valid()){	
	$.ajax({
		url:'grabarGSV.do',
		data:$("#formDatos").serialize(),
		cache:false,
		success:function(html){
			$("#panelcuerpo-cen").html(html);
		}
	});
	}else{	alert("Debe ingresar los datos correctamente");}
});
	
</script>	
